$(document).ready(function(){
	$('#list_mark em:first').addClass('emon');
	$('.list1:first').css('display','block');
	autoroll();
	hookThumb();
	
	//选项卡效果
	$tab_hds = $(".tab_hd").find("li");
	$tab_bds = $(".tab_bd").find("div");
	$.each($tab_hds,function(i,tab_hd){
		$(this).hover(function(){
			$(this).addClass("on").siblings().removeClass("on");
			$tab_bds.eq(i).show().siblings().hide();
		});
	});
	
	
	//遮罩效果
	$newlist = $(".newlist").find("a");
	$newsbox = $(".newsbox");
	$productbox = $(".productbox");
	$prolist = $(".prolist").find("a");
	$news_btn_close = $(".news-btn-close");
	$product_btn_close = $(".product-btn-close");
	$mask = $(".mask");
	
	//news shadow
	$.each($newlist,function(i,news){
		$(this).click(function(){
			$mask.show();
			$newsbox.show();
		});
	});
	
	//news btn close
	$news_btn_close.click(function(){
		$newsbox.hide();
		$mask.hide();
	});
	
	//product shadow
	$.each($prolist,function(i,product){
		$(this).click(function(){
			$mask.show();
			$productbox.show();
		});
	});
	
	//news btn close
	$product_btn_close.click(function(){
		$productbox.hide();
		$mask.hide();
	});
	
	
	
	
})
var i=-1; //第i+1个tab开始
var offset = 3000; //轮换时间
var timer = null;
function autoroll(){
	n = $('#list_mark em').length-1;
	i++;
	if(i > n){
	i = 0;
	}
	slide(i);
	timer = window.setTimeout(autoroll, offset);
}

function slide(i){
	$('#list_mark em').eq(i).addClass('emon').siblings().removeClass('emon');
	$('.list1').eq(i).css('display','block').siblings('.list1').css('display','none');
}

function hookThumb(){    
	$('#list_mark em').hover(
	function(){
		if(timer){
			clearTimeout(timer);
			i = $(this).prevAll().length;
			slide(i); 
		}
	},function(){
		timer = window.setTimeout(autoroll, offset);  
		this.blur();            
		return false;
	}); 
}